<template>
  <div class="works">
    <div class="work">
      <div class="top">
        <p class="he">他的作品</p>
        <p class="all">全部</p>
      </div>
      <div class="classic">
        <div class="classic-left">
          <img
            src="https://img1.baidu.com/it/u=1854910654,440791035&fm=26&fmt=auto&gp=0.jpg"
            alt=""
          />
        </div>
        <div class="classic-middle">
          <p>拼搏</p>
          <p>演员</p>
          <p>2021(美国)</p>
        </div>
        <div class="classic-right">
          <p>4人想看</p>
        </div>
      </div>
    </div>
    <p></p>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.work{
  padding: 0 0.2rem .08rem 0.4rem;

}

.top {
  display: flex;
  font-size: .28rem;
  justify-content: space-between;
  height: 1rem;
  line-height: 1rem;
  border-bottom: 1px solid #eaeaea;
}
.classic {
  display: flex;
  justify-content: space-between;
  padding-top: 0.2rem;
}
.classic-left img {
  width: 1.5rem;
  height: 2rem;
}
.classic-middle {
  margin-left: -2.7rem;
}
.classic-right p {
  color: #ff9334;
}
.works> p{
  height: .3rem;
  background: #eaeaea;
}
</style>